<template>
  <div>Child..{{ num }}</div>
</template>

<script>
export default {
  name: "ChildComp",
  // 目前：props\data\methods\computed等数据都会进行数据代理（可以通过this直接访问这些数据）
  // 2. 声明接受父组件传递的标签属性（只有声明接受了，才能使用）
  // props: ["num", "person"],
  props: {
    // 声明接受方式有三种
    num: Number, // 接受num属性，它的值是Number类型
    person: Object,
  },
  /* props: {
    num: {
      type: Number, // 类型
      // required: true, // 必填
      default: 0, // 基本类型默认值直接写，引用类型要写成函数形式
    },
    person: {
      type: Object,
      default: () => ({}), // 默认值（说明当前属性是可选属性）
    },
  }, */
  mounted() {
    // 3. 通过 this 使用 props 数据
    console.log(this.num);
    console.log(this.person);
  },
};
</script>

<style></style>
